@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>收费方式管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row" style="display: none">
                            <div class="col-sm-3">
                                <#NameCon id="checkoutMethod" name="收费方式" />
                            </div>
                            <div class="col-sm-3">
                                <div class="search_bt" onclick="CheckoutMethod.search()">搜索</div>
                                <div class="search_bt" onclick="CheckoutMethod.resetSearch()">清空</div>
                            </div>
                        </div>
                        <div class="hidden-xs" id="CheckoutMethodTableToolbar" role="group">
                            <div class="btnBox">
                                @if(shiro.hasPermission("/checkoutMethod/add")){
                                <button type="button" class="btn" onclick="CheckoutMethod.openAddCheckoutMethod()">添加</button>
                                @}
                                @if(shiro.hasPermission("/checkoutMethod/update")){
                                <button type="button" class="btn" onclick="CheckoutMethod.openCheckoutMethodDetail()">修改</button>
                                @}
                                @if(shiro.hasPermission("/checkoutMethod/delete")){
                                <button type="button" class="btn" onclick="CheckoutMethod.delete()">删除</button>
                                @}
                            </div>


                            <!--<div class="other_bt" onclick="CheckoutMethod.openAddCheckoutMethod()">添加</div>-->

                            <!--<div class="other_bt" onclick="CheckoutMethod.openCheckoutMethodDetail()">修改</div>-->

                            <!--<div class="other_bt" onclick="CheckoutMethod.delete()">删除</div>-->

                        </div>
                        <#table id="CheckoutMethodTable"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/js/common/bootstrap-table-objectsd.js"></script>
<script src="${ctxPath}/static/modular/basicData/checkoutMethod/checkoutMethod.js"></script>

@}
<style>
    .btnBox button{
        background:#30add1;
        color: white;
        width: 75px;
    }
    .search_bt,.other_bt{
        cursor: pointer;
        display: inline-block;
        width: 73px;
        height: 27px;
        line-height: 27px;
        color: white;
        text-align: center;
        font-size: 14px;
        border-radius: 20px;
    }
    .search_bt{
        background: url("${ctxPath}/static/img/x18.png") no-repeat;
        background-size: cover;
    }
    .other_bt{
        background: url("${ctxPath}/static/img/x19.png") no-repeat;
        background-size: cover;
    }
    .switch_on{
        display: inline-block;
        background: url("${ctxPath}/static/img/bg-switch.png") no-repeat;
        background-size: 56px 54px;
        height: 27px;
        background-position-y: 0;
    }
    .switch_off{
        background-position-y: -27px;
    }
</style>